<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
$(document).ready(function(){
	//将没有权限的菜单隐藏
	var noAuths="<%=request.getSession().getAttribute("noAuthority").toString()%>".split(",");
	for(var i=0;i<noAuths.length;i++){
		hide='#'+noAuths[i];
		$(hide).hide();
	}
})
</script>
<!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- 登录用户信息 -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="${loginUser.image}" class="img-circle" onerror="this.src='images/users/nopic.png'">
        </div>
        <div class="pull-left info">
          <p>&nbsp;${loginUser.name}</p>
          <i class="fa fa-circle text-success"></i> Online
        </div>
      </div>
      
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" data-widget="tree">
<!-- 		<li class="header"></li> -->
	    <li id="">
          <a href="index">
            <i class="fa fa-flag"></i> <span>首页</span>
          </a>
        </li>
        <li class="active treeview">
          <a href="#">
            <i class="fa fa-dashboard"></i> <span>Point Of Sale</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
          </a>
          <ul class="treeview-menu">
          	<!-- 选中状态class='active' -->
          	<li id="reserveManagement">
          		<a href="#" onClick="load('reserveManagement')"><i class="fa fa-circle-o"></i> 预定管理</a>
          	</li>
            <li id="checkinManagement">
            	<a href="#" onClick="load('checkinManagement')"><i class="fa fa-circle-o"></i> 入住 / 退房</a>
            </li>
            <li id="salesManagement">
            	<a href="#" onClick="load('salesManagement')"><i class="fa fa-circle-o"></i> 销售记录</a>
            </li>
          </ul>
        </li>
<!--         <li id="productManagement"> -->
<!--           <a href="#" onClick="load('productManagement')"> -->
<!--             <i class="fa fa-product-hunt"></i> <span>产品管理</span> -->
<!--           </a> -->
<!--         </li> -->
		<li id="roomManagement">
          <a href="#" onClick="load('roomManagement')">
            <i class="fa fa-home"></i> <span>房间管理</span>
          </a>
        </li>
        <li id="categoryManagement">
          <a href="#" onClick="load('categoryManagement')">
            <i class="fa fa-pie-chart"></i> <span>房间类型管理</span>
          </a>
        </li>
        <li id="bedManagement">
          <a href="#" onClick="load('bedManagement')">
            <i class="fa fa-bed"></i> <span>床型管理</span>
          </a>
        </li>
        <li id="priceManagement">
          <a href="#" onClick="load('priceManagement')">
            <i class="fa fa-money"></i> <span>价格管理</span>
          </a>
        </li>
        <li id="userManagement">
          <a href="#" onClick="load('userManagement')">
            <i class="fa fa-users"></i> <span>用户管理</span>
            <span class="pull-right-container">
              <small class="label pull-right bg-blue">${user_count}</small>
            </span>
          </a>
        </li>
        <li id="roleManagement">
          <a href="#" onClick="load('roleManagement')">
            <i class="fa fa-user-circle-o"></i> <span>角色管理</span>
          </a>
        </li>
        <li id="authorityManagement">
          <a href="#" onClick="load('authorityManagement')">
            <i class="fa fa-balance-scale"></i> <span>权限管理</span>
          </a>
        </li>
        
        <li class="header">LABELS</li>
        <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
        <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
        <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>